.activity-list {
  @apply space-y-3;
}

.activity-item {
  @apply flex items-center gap-2;
}

.activity-item .member-name {
  @apply mr-1 dark:text-gray-400;
}

.activity-item.none {
  @apply flex-col items-start gap-0;
}

.activity-comment {
  @apply text-xs text-gray-900 dark:text-gray-500 pl-8;
}

.activity-info {
  @apply text-xs text-gray-500 pl-8;
}

.activity-time {
  @apply text-xs text-gray-500 pl-1;
}

.activity-item .selected-member-name {
  font-size: 14px;
  @apply font-bold text-gray-600;
}

.activity-card {
  @apply relative flex align-top gap-2 px-8 py-2;
}
.card-focused {
  @apply bg-blue-100 dark:bg-blue-900;
}

.highlight-bar {
  @apply absolute top-0 left-0 w-2 h-full bg-blue-500 dark:bg-blue-600;
}

.diff .t-remove {
  @apply bg-red-100 select-none dark:bg-red-400 dark:text-red-50 px-0.5;
}

.diff .t-add {
  @apply bg-green-100 dark:bg-green-600 dark:text-green-50 px-0.5;
}
